@import "~src/web/variables";

:host {
    $bg-color: theme-color("secondary");
    $padding: 0.2em;
    $padding-l: 0.25em;

    display: flex;

    > div {
        @include border-radius($border-radius-sm);
        display: none;
        position: fixed;
        bottom: 0;
        z-index: 10000;
        word-break: break-all;
        color: color-yiq($bg-color);
        background-color: $bg-color;
        border: 1px solid darken($bg-color, 10%);
        font-size: $app-font-size-base-medium;
        margin: $padding-l $padding;
        padding: $padding $padding-l;

        &.visible {
            display: flex;
        }
    }
}
